(function () {

    let main = document.querySelector('main')
    let bottom = document.querySelector('.bottom')
    let back = document.querySelector('.back')

    back.addEventListener('click', function () {
        // console.log(1)
        history.back()
    })
    //定义一个函数 传入url地址 来取想要的值
    function getQueryString(url) {
        //声明一个变量来存储 url地址 以 ?分割出来的索引为1的值   因为?后面跟的就是传参 先分割再查找想要的值
        let str = url.split('?')[1]
        //判断要是没有传参过来就返回null
        if (!str) return null
        //对参数进行解码
        str = decodeURI(str)
        //再次对str以&分割 并声明newstr来接受 此时是数组形式
        let newstr = str.split('&')
        //声明一个空对象来接收数据 到时候好查询
        let obj = {}
        //对newstr 进行遍历
        newstr.forEach(item => {
            // console.log(item)
            //再将itemstr以=号进行拆分
            let itemstr = item.split('=')
            // console.log(itemstr)
            //此时拆分后的第0 项作为键 第一项作为值 存入对象中  因为键是以变量的形式 所以要用[] 并且不能带引号
            obj[itemstr[0]] = itemstr[1]
        })
        return obj
    }

    //获取浏览器的url
    let href = location.href
    console.log(href)
    // console.log(getQueryString(href))
    let id = getQueryString(href).productId
    console.log(id)

    $.ajax({
        url: 'http://chst.vip:1234/api/getmoneyctrlproduct?productid=' + id,
        success(res) {
            console.log(res.result[0])
            let regExp = /(?<=imgurl=)[^'"]*/

            let str = `
            <h4>${res.result[0].productName}</h4>
            <div class="other">
                <span>${res.result[0].productFrom}|</span>
                <span>${res.result[0].productTime}</span>
                <span>${res.result[0].productTips}</span>
            </div>
            <div class="message">
                <img src=${res.result[0].productImg2.match(regExp)}>
                ${res.result[0].productInfo2}
            </div>
            <img src="${res.result[0].productImg2.match(regExp)}">
            ${res.result[0].productCity}
            
            <a href="" class="go">前往购买</a>

            <img src="../assets/images/mmbweixin2.png" alt="" class="ma">

            <textarea name="" id="" cols="30" rows="10"></textarea>

            <div class="empty">
                <a href="">提交评论</a>
            </div>


            `

            let newstr = `
            <div class="bottom">
            ${res.result[0].productComment}
            
            </div>

            `

            main.innerHTML = str
            bottom.innerHTML = newstr
        }


    })

})()